<!DOCTYPE html>
<html class="ui-page-login">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			.area {
				margin: 20px auto 0px auto;
			}
			
			.mui-input-group {
				margin-top: 10px;
			}
			
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			
			.mui-input-group label {
				width: 22%;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			
			.mui-content-padded {
				margin-top: 25px;
			}
			
			.mui-btn {
				padding: 10px;
			}
			
			.link-area {
				display: block;
				margin-top: 25px;
				text-align: center;
			}
			
			.spliter {
				color: #bbb;
				padding: 0px 8px;
			}
			
			.oauth-area {
				position: absolute;
				bottom: 20px;
				left: 0px;
				text-align: center;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}
			
			.oauth-area .oauth-btn {
				display: inline-block;
				width: 50px;
				height: 50px;
				background-size: 30px 30px;
				background-position: center center;
				background-repeat: no-repeat;
				margin: 0px 20px;
				/*-webkit-filter: grayscale(100%); */
				border: solid 1px #ddd;
				border-radius: 25px;
			}
			
			.oauth-area .oauth-btn:active {
				border: solid 1px #aaa;
			}
			
			.oauth-area .oauth-btn.disabled {
				background-color: #ddd;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<span id='leftLogin' class="mui-icon mui-icon-arrowleft"></span>
			<h1 id="logins" class="mui-title">登录</h1>
		</header>
		<div class="mui-content">
			<form id='login-form' class="mui-input-group">
				<div class="mui-input-row">
					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
				</div>
				<div class="mui-input-row">
					<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
				</div>
			</form>
			<div class="mui-content-padded">
				<button id='login' class="mui-btn mui-btn-block mui-btn-primary">登录</button>
				<div class="link-area">
					<a id='login_btn' class="mui-pull-left regs">注册账号</a> 
					<a id='forgetPassword'class="mui-pull-right">忘记密码</a>
				</div>
			</div>
			<div class="mui-content-padded oauth-area">

			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/mui.enterfocus.js"></script>
		<script src="js/app.js"></script>
		<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
		<script src="js/configs.js"></script>
		<script>
            document.getElementById("login").addEventListener('tap',function(){
            	var reg =/^[1][3,4,5,7,8,]\d{9}$/;
            	var password_reg = /^[a-zA-Z\d+]{6,20}$/;
            	var phoneObj = document.getElementById('account').value; 
		    	var pws = document.getElementById('password').value; 
		    	if(!reg.test(phoneObj)||!phoneObj){
		    		mui.toast('请输入正确的登录账号！');
	                return;
	           }else if(!pws){
	           		mui.toast('请输入正确的密码！');
	                return;
	           }else if(phoneObj&&pws){
                      mui.ajax(server.stockLogin,{
	                    data:{
	                    	account:phoneObj,
	                        pswd:md5(pws)
	                    },
	                    dataType:'json',//数据格式类型
	                    type:'POST',//http请求类型
	                    timeout:10000,//超时设置
	                    success:function(data){
	                        //处理成功返回的数据
	                       	console.log(JSON.stringify(data));
	                        if(data.code==1){
	                        	mui.toast(data.msg);
	        					return false;  
	                        }else{
	                        	mui.toast('登录成功');
	                            //plus.nativeUI.toast('登录成功！', {verticalAlign: 'center'});
	                            var _account=data.data.account;
	                            delCookie('account');
	                            setCookie('account',_account);
	                            console.log(_account,getCookie('account'));
	                            mui.plusReady(function() {
							        var list = plus.webview.getWebviewById('users.html');
									mui.fire(list,'refresh');
								})
	                           // localStorage.setItem("account",account);
			                    mui.openWindow({
									url:'users.html',	
									id:'users.html'
								});
	                        }
	                    },
	                    error:function(){
	                    	mui.toast("登录失败");
            				return;
	                    }
	                })
                }
              
            })
			document.getElementById("login_btn").addEventListener('tap', function(event) {
				mui.openWindow({
					url:'reg.html',
					id:'login_btn'
				});
			}, false);
			document.getElementById("leftLogin").addEventListener('tap', function(event) {
				mui.openWindow({
					url:'market.html',
					id:'market.html'
				});
			}, false);
			document.getElementById("forgetPassword").addEventListener('tap', function(event) {
				mui.openWindow({
					url:'forget_password.html',
					id:'forgetPassword'
				});
			}, false);
		</script>
	</body>

</html>